Accot-Zhai Steering Law: Implications for UI Design 阿克託-翟氏轉向法則:對使用者介面設計的影響
軌跡控制定律(Steering Law)是 Fitts 定律的一個延伸,描述了使用者需要在有邊界的路徑(如選單、滑塊或捲軸)中移動指標(如滑鼠或觸控式螢幕遊標)所需的時間。
公式:

T:移動所需時間
A:路徑長度(如選單高度或滑塊的拖動距離)
W:路徑寬度(如選單選項的高度或滑塊軌道的寬度)
a, b:常數
核心理念:
路徑越窄、越長,操作越困難,耗時越多
使用者操作不穩(例如手抖或裝置抖動)更容易導致誤操作。
常見的使用者介面元素與軌跡控制定律的關係
下拉選單(Dropdown Menus)
短而寬的選單更容易操作:減少誤操作的機率。
避免層級過深的選單:多級選單(尤其是超過兩級)會增加水平和垂直路徑的複雜性,導致使用者容易中斷操作。


層級選單(Hierarchical Menus)
在層級選單中,使用者必須水平和垂直移動滑鼠,這會形成“路徑導航”任務。路徑窄時,使用者容易誤選其他子選單。
最佳化建議:
- 在選單項之間增加垂直和水平的間距,拓寬“路徑”。
- 使用時間延遲:遊標短暫停留後才啟用子選單,避免誤觸。
- 考慮替代方案:如 Mega Menus(大面板選單),允許使用者在一個二維空間內自由移動,避免路徑導航問題。
1. 下拉選單的設計
- 儘量保持選單簡短:減少選項數量,讓使用者在窄路徑中操作更容易,避免在過多選項中視覺搜尋耗時。
- 避免過深的層級選單:尤其是超過兩級的層級選單,會因路徑過長和過窄導致操作困難。
設計權衡:
- 垂直路徑(主選單區域)需要短,但選項高度較小會導致水平路徑變窄。
- 垂直路徑需要寬,但這會延長從主選單到子選單的水平路徑。
最佳化方法:
- 增加選單項之間的垂直和水平間距(寬路徑)。
- 使用短暫的滑鼠懸停延遲來啟用子選單,或允許一定的對角線誤差(如向量三角緩衝區設計)。
2. 考慮替代方案
使用 Mega Menus(大面板選單):
- 允許使用者在寬廣的二維空間中自由移動。
- 避免路徑導航的限制(軌跡控制定律不適用,但仍需遵守 Fitts 定律,確保目標區域足夠大)。
滑塊、捲軸和播放進度條的最佳化
挑戰:滑塊等控制元件需要精確操作,但窄路徑容易導致誤差。
使用者難以精準到達目標,尤其是在觸屏裝置上。
最佳化方法
增加輔助控制元件:使用滑塊進行大致調節後,提供數值輸入框或微調按鈕進行精確調整。
支援直接點選跳轉:允許使用者直接點選滑塊軌道的任意位置,而不僅僅是拖動滑塊。
最佳化觸屏體驗:滑塊按鈕需至少 1cm×1cm,確保手指操作不遮擋滑塊或標籤。
寬容的路徑設計(Be Generous)
增加路徑的隱形寬度:在視覺路徑外新增隱形的“緩衝區”,讓使用者稍微偏離路徑時不至於操作失敗。例如:滑塊軌道可以在視覺邊界外增加有效區域。子選單的觸發區域可以比實際顯示的邊框更大。